<template>
  <view @click.stop>
    <u-popup v-model="localShow" mode="center" border-radius="35" length="75%" z-index="" @close="closePopup">
      <view class="h-[5rem] bg-center bg-cover bg-no-repeat" style="background-image: url('/static/dddr98.png')"></view>

      <view class="flex flex-col items-center justify-center gap-3 p-5">
        <view class="text-[1.125rem] text-[#16191F] font-bold"> 资料审核未通过 </view>
        <view class="text-center text-[.875rem] text-[#4E5969]">
          你的达人入驻申请【未通过】, <br />
          请检查你的信息确保正确无 <br />
          误后重新提交。
        </view>
        <view class="grid w-full grid-cols-2 gap-4 mt-5">
          <view class="h-[2.5rem] border border-solid rounded-[1.25rem] place-items-center grid col-span-1 btn" @click="closePopup">
            <view class="text-[.875rem] text-[#86909C] font-medium"> 暂不 </view>
          </view>
          <view class="h-[2.5rem] bg-[#00A9AB] rounded-[1.25rem] place-items-center grid col-span-1 btn" @click="resubmit">
            <view class="text-[.875rem] text-[#FFFFFF] font-medium"> 重新提交 </view>
          </view>
        </view>
      </view>
    </u-popup>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        localShow: false
      }
    },
    props: {
      show: {
        type: Boolean,
        default: false
      }
    },
    watch: {
      show: {
        handler(newVal) {
          this.localShow = newVal
        },
        immediate: true
      }
    },
    methods: {
      resubmit() {
        this.$emit('resubmit')
      },
      closePopup() {
        this.localShow = false
        this.$emit('update:show', false)
      }
    }
  }
</script>

<style></style>
